<template>
  <svg
    t="1731600779267"
    class="yindu-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="26269"
    width="16"
    height="16"
  >
    <path
      d="M404.321582 130.863467c109.659539 0 198.558242 90.851171 198.558242 202.923666 0 112.068402-88.897679 202.923666-198.558242 202.923666-109.662609 0-198.564381-90.854241-198.564381-202.923666C205.757201 221.714637 294.658973 130.863467 404.321582 130.863467z"
      p-id="26270"
      fill="#e6e6e6"
    ></path>
    <path
      d="M744.711086 884.579647 63.933101 884.579647c0-162.034397 108.557438-297.791313 255.29136-336.467171l0-98.369402 170.193217 0 0 98.369402C636.150578 586.788334 744.711086 722.54525 744.711086 884.579647z"
      p-id="26271"
      fill="#e6e6e6"
    ></path>
    <path
      d="M733.694171 528.956184l0-28.02324c58.536184-28.873608 99.281167-90.084715 99.281167-161.571862 0-99.141998-77.787644-179.511443-173.742043-179.511443-19.926842 0-38.756699 4.186346-56.582693 10.564613 36.449143 39.152718 58.947554 91.849918 58.947554 149.990083 0 69.616544-27.167756 143.074579-76.825736 183.717232l0 18.470677 0.057305 0 0 12.382005c0.118704 0.26606 0.121773 0.557702 0 0.87595l0 4.542456c128.467907 36.029588 188.920744 153.197124 220.154096 286.209534l152.09093 0C957.074751 683.260525 862.087377 563.16838 733.694171 528.956184z"
      p-id="26272"
      fill="#e6e6e6"
    ></path>
  </svg>
</template>

<script setup lang="ts">
type Props = {
  fill?: string;
};

const props = withDefaults(defineProps<Props>(), {
  fill: "#748387",
});

const fillColor = computed(() => {
  return props.fill;
});
</script>
<style scoped lang="less">
.yindu-icon {
  & path {
    fill: v-bind(fillColor);
  }
}
</style>
